<template>
  <div id="app">
    <router-view></router-view>
    <loading v-model="isLoading"></loading>
  </div>
</template>

<script>
import { Loading } from 'vux'
import { mapState } from 'vuex'

export default {
  name: 'app',
  components: {
    Loading
  },
  computed: {
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  },
  created () {

  },
  mounted () {
    this.lyyToast({
      title: '哈哈哈哈',
      type: 'error'
    })
  }

}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
/*@import "./common/reset.less";*/

#app {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: scroll;
}

body,
html {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.scroller {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.weui-toast {
	font-size: 16px;
}

body {
	line-height: 0.16rem;
}
/*.weui-icon_toast.weui-icon-success-no-circle:before{*/
/*font-size: 0.45rem;*/
/*}*/
</style>

